<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!--
     h1最重要一般只有
     它的重要性仅次于title
     在页面中独占一行的我们叫做块元素、

     标题标签也是一个块元素
 -->
<body>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <!-- 
        hgroup标签用来分组，可以将一组相关的标签放到hgroup.
     -->
     <hgroup>
         <h1>回乡偶书二首</h1>
         <h2>其一</h2>
     </hgroup>
     
    <!-- 
        p标签表示一个段落
        p也是一个块元素
     -->
<!-- 
    em标签用于表示语义的加重

    在页面中不会独占一行的元素，叫做行内元素
 -->
 <p>今天天气<em>真</em>不错</p>
<!-- 
    strong表示强调，重要内容
 -->
 <p>你今天必须要<strong>完成作业</strong></p>
 鲁迅说
 <!-- 
     blockquote表示一个长引用是一个块元素
  -->
 <blockquote>
     这句话我是从来没有说过的！
 </blockquote
 >
 <!-- 
     q是一个行内元素是一个短引用
  -->
 子曰
 <q>学而时</q>
 <!-- 
     br表示换行
  -->
 <br>
 今天天气真不错
</body>
</html>